<template lang="pug">
  div.login
    el-button(v-on:click="onSignIn") 登录
    el-button(v-on:click="onSignUp") 注册
    sign-up(ref="signUp")
    sign-in(ref="signIn")
</template>

<script>
  import SignIn from './sign/SignIn'
  import SignUp from './sign/SignUp'

  export default {
    name: 'HelloWorld',
    mounted() {
      this.getTable()
    },
    methods: {
      getTable() {},
      onSignUp() {
        this.$refs.signUp.open()
      },
      onSignIn() {
        this.$refs.signIn.open()
      }
    },
    components: {
      SignUp,
      SignIn
    }
  }
</script>
<style scoped lang="stylus" type="text/stylus">
  .login
    width 500px
    margin 0 auto
</style>
